﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MaterPage.master" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="CollectionPager" Namespace="SiteUtils" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link href="css/index.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="css/slider.css" />
    <script src="js/slider.js"></script>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <!-----------slider------------>
    <div class="slider">
        <div>
            <div id="slideshow">
                <ul id="slides">
                    <li><a href="#">
                        <img src="images/trung.jpg" width="715" height="420" alt="Sea turtle" /></a></li>
                    <li><a href="#">
                        <img src="images/nha.jpg" width="715" height="420" alt="Coral Reef" /></a></li>
                    <li><a href="#">
                        <img src="images/duquay.jpg" width="715" height="420" alt="Blue Fish" /></a></li>
                    <li><a href="#">
                        <img src="images/logo.jpg" width="715" height="420" alt="Sea turtle" /></a></li>
                    <li><a href="#">
                        <img src="images/slider1.jpg" width="715" height="420" alt="Coral Reef" /></a></li>
                    <li><a href="#">
                        <img src="images/slider2.jpg" width="715" height="420" alt="Blue Fish" /></a></li>
                </ul>
                <ol id="pagination" class="pagination">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
        </div>

        <script>
            var ss = new TINY.fader.init('ss', {
                id: 'slides',
                auto: 3,
                resume: true,
                navid: 'pagination',
                navEvent: 'mouseover',
                activeClass: 'current',
                pauseHover: true
            });
        </script>
    </div>

<%--sản phẩm khuyến mại--%>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div class="product">
                
                <div class="title"><span>Sản phẩm khuyến mại</span></div>
                <div class="item">
                    <asp:Repeater runat="server" ID="itemRepeater" ValidateRequestMode="Disabled" >
                        <ItemTemplate>
                            <div class="box-pro">
                                <asp:Label ID="lblProName" runat="server" Text='<%# Eval("ProName") %>' CssClass="name"></asp:Label>
                                <asp:Label ID="lblProId" runat="server" Text='<%# Eval("ProId") %>' Visible="False"></asp:Label>
                                <br />
                                <a href="DetailProduct.aspx?ProductID=<%# Eval("ProId") %>">
                                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("Image") %>' CssClass="image" Height="140px" Width="141px" />     
                                </a>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                            <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            <asp:Label ID="Label3" runat="server" Font-Bold="True" ForeColor="Red" Text="Giá: "></asp:Label>
                                <asp:Label ID="Label2" runat="server" Text='<%# Eval("Price")%>' CssClass="count" Font-Bold="True" ForeColor="Red"></asp:Label>
                                <asp:Label ID="Label1" runat="server" Font-Bold="True" ForeColor="Red" Text=" VNĐ "></asp:Label>
                                <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="DetailProduct.aspx?ProductID=<%# Eval("ProId") %>">Xem chi tiết</a>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
                <br style="clear: both" />
                <div class="page">
                    <cc1:CollectionPager ID="collect" runat="server" ShowPageNumbers="True"
                        LabelText="TRANG" PageSize="3" BackText="Trước &nbsp " NextText="&nbsp Sau " FirstText="Đầu" LastText="Cuối"
                        ResultsFormat="" ShowLabel="False" MaxPages="20"
                        BackNextLocation="Split" HideOnSinglePage="True"
                        PageNumbersDisplay="Numbers" PageNumberStyle=""
                        ShowFirstLast="False" UseSlider="True" BackNextLinkSeparator="."
                        PagingMode="PostBack" ControlCssClass="colored-border:white;colorChooser:white">
                    </cc1:CollectionPager>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>



<%--sản phẩm bán chạy nhất--%>
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <div class="product">
                <div class="title"><span>Sản phẩm bán chạy</span></div>
                <div class="item">
                    <asp:Repeater runat="server" ID="Repeater1" ValidateRequestMode="Disabled">
                        <ItemTemplate>
                            <div class="box-pro">
                                <asp:Label ID="lblProName" runat="server" Text='<%# Eval("ProName") %>' CssClass="name"></asp:Label>
                                <asp:Label ID="lblProId" runat="server" Text='<%# Eval("ProId") %>' Visible="False"></asp:Label>
                                <br />
                                <a href="DetailProduct.aspx?ProductID=<%# Eval("ProId") %>">
                                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("Image") %>' CssClass="image" Height="140px" Width="141px" />
                                </a>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                            <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            <asp:Label ID="Label3" runat="server" Font-Bold="True" ForeColor="Red" Text="Giá: "></asp:Label>
                                <asp:Label ID="Label2" runat="server" Text='<%# Eval("Price")%>' CssClass="count" Font-Bold="True" ForeColor="Red"></asp:Label>
                                <asp:Label ID="Label1" runat="server" Font-Bold="True" ForeColor="Red" Text=" VNĐ "></asp:Label>
                                <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="DetailProduct.aspx?ProductID=<%# Eval("ProId") %>">Xem chi tiết</a>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
                <br style="clear: both" />
                <div class="page">
                    <cc1:CollectionPager ID="CollectionPager1" runat="server" ShowPageNumbers="True"
                        LabelText="TRANG" PageSize="3" BackText="Trước &nbsp " NextText="&nbsp Sau " FirstText="Đầu" LastText="Cuối"
                        ResultsFormat="" ShowLabel="False" MaxPages="20"
                        BackNextLocation="Split" HideOnSinglePage="True"
                        PageNumbersDisplay="Numbers" PageNumberStyle=""
                        ShowFirstLast="False" UseSlider="True" BackNextLinkSeparator="."
                        PagingMode="PostBack" ControlCssClass="colored-border:white;colorChooser:white">
                    </cc1:CollectionPager>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%--sản phẩm mới nhất--%>
    <asp:UpdatePanel ID="UpdatePanel3" runat="server">
        <ContentTemplate>
            <div class="product">
                <div class="title"><span>Sản phẩm mới nhất</span></div>
                <div class="item">
                    <asp:Repeater runat="server" ID="Repeater2" ValidateRequestMode="Disabled">
                        <ItemTemplate>
                            <div class="box-pro">
                                <asp:Label ID="lblProName" runat="server" Text='<%# Eval("ProName") %>' CssClass="name"></asp:Label>
                                <asp:Label ID="lblProId" runat="server" Text='<%# Eval("ProId") %>' Visible="False"></asp:Label>
                                <br />
                                <a href="DetailProduct.aspx?ProductID=<%# Eval("ProId") %>">
                                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("Image") %>' CssClass="image" Height="140px" Width="141px" />
                                </a>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                            <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            <asp:Label ID="Label3" runat="server" Font-Bold="True" ForeColor="Red" Text="Giá: "></asp:Label>
                                <asp:Label ID="Label2" runat="server" Text='<%# Eval("Price")%>' CssClass="count" Font-Bold="True" ForeColor="Red"></asp:Label>
                                <asp:Label ID="Label1" runat="server" Font-Bold="True" ForeColor="Red" Text=" VNĐ "></asp:Label>
                                <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="DetailProduct.aspx?ProductID=<%# Eval("ProId") %>">Xem chi tiết</a>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
                <br style="clear: both" />
                <div class="page">
                    <cc1:CollectionPager ID="CollectionPager2" runat="server" ShowPageNumbers="True"
                        LabelText="TRANG" PageSize="3" BackText="Trước &nbsp " NextText="&nbsp Sau " FirstText="Đầu" LastText="Cuối"
                        ResultsFormat="" ShowLabel="False" MaxPages="20"
                        BackNextLocation="Split" HideOnSinglePage="True"
                        PageNumbersDisplay="Numbers" PageNumberStyle=""
                        ShowFirstLast="False" UseSlider="True" BackNextLinkSeparator="."
                        PagingMode="PostBack" ControlCssClass="colored-border:white;colorChooser:white">
                    </cc1:CollectionPager>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

